الأستاذ /عبد الله خالد العجيلي - الشراري. 


بسم الله الرحمن الرحيم 
السلام عليكم ورحمه الله وبركاته 
والصلاة والسلام على نبينا وحبيبنا محمد 


-(صلى الله عليه وسلم)- ۰ 
شرطي الوحيد ان استخدام هذه الدروس في رضا الله 
شرح تصمیم ستایل مقدم من 


الأستاذ /عبد الله خالد العجيلي - الشراري. 
وأتشرف بكون هذا الشرح أول شرح في قسم[ستایلات و يماٽ Styles and Themes‏ 
]في موقع کتب 


www.kutub.info 


Themes Styles and ٽlمي ستایلات و‎ 
٠ عدد الكتب:‎ 


من المعروف والواضح لأصحاب المواقع والمنتديات أنهم يرغبون أن يكون لديهم الخبرة الكافية 
في تصميم الاستايلات كي يصمموا ستايلاتهم على حسب رغبتهم [على مزاجهم] 


وان شاء الله اشرح لكم هذا النوع من التصاميم وهو تصميم ستايلات منتديات. 
وبأذن الله تعالى أن يكون هذا الشرح واضح ومفهوم وسهل. 


الآن وقبل البدء بالدرس يجب توافر الآتي:- 
-١ ¦‏ برنامج الفوتوشوب [Adobe Photoshop 7.0 ME]‏ 0 
| ۲ برنامج الفرونت بيج "°°" ]2003 [Microsoft Office FrontPage‏ 


١-[درس]‏ تصميم الاستايل في ڊرgali [Adobe Photoshop 7.0 ME]‏ 
۲-[درس] تشدید الاستايل واستخراج البرمجة منه في برنامج [2003 ]۴۲٥٣٤ °۴ 4 ge‏ 
۳-[درس]ترکیب وتنسیق الاستايل قي المنتدى. 


إ بالنسبة لبرنامج الفوتوشوب الإصدار ٠,٠‏ أو ۸ و الأفضل هو ۷,٠١‏ لأن هو الإصدار ألي شغال علية الآن 
| وبالنسبة لبرنامج الفرونت بيج يجب أن يكو ٠٠٠۳‏ كما هو موضح في الأعلى في المتطلبات . 


أولاً باسم الله نبدا 
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[الدرس الأول] وهو تصميم الاستايل 
الفح براامح الفواوشوب 
وأفتح عمل جديد بالضغط على قائمة [٥‏ ومن ثم اضغط على ...سعم 


: e 


Pa... terl ۳ 


۳ 

وادخل البيانات كالتالي 
am‏ 
الطول .£00 
بالبکسل کالتاتی 


Adobe Photoshop ME 


| 4 وب طا ر . 


1 
اسا 


FRR 


آ-- ڪا 


eb 


E TTT 


round Color 
parent 
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HÎ Adobe Photoshop ME 
Fils Edit Image Layer Select Filter Yim Windoyy Help 


| A > E | [Resize windows To Fit | Ignore Palettes 


[ Actual Fixsels 1 [ Fit in Screen 1 [ Print Size 1 | | 


0F CE |j 


ez7 ¥ 


ا 
ا 


HÊ Adobe Photoshop ME 
مھ‎ 


2 
ا‎ a عد‎ a ی‎ hl e windan Help 
2 
HH. u Fle sath: [ Fnti-aliase Width: i 
۳ E dı Faathayr |0 p: [ bnti-aliasedt Style: [Normal wl] width: Height: 1 Layers TIERS PARS E 
Normal [=] orasity: [ions lÎ 


Lock: J g7 ê a Fill: 100 9% *[ 


Oraw ractangular sealsction or move selection outline. Usa Shift, Alt, and Ctrl for additional options.‏ ظ} 
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الآن أصبغ المربعات المحددة كالتالي 


EÊ Adobe Photoshop ME 


Fils Edit Imagë Layer Select Filter Yim Window Help 


| sraground | w]| Pattern: 1 Mode: | Normal [=|] opacity: [ioosé [®] (Tolerance: [32 | nti-aliased [Fkontiguous NLayers | Layers TY Ehannels Paths : 
Horrmal [=] opacity: [ions IF] 


Fin: [1002# [*]‏ ھ چ ت 


Q02 @ Doc: IM/é22K FF Click on desired imnaqë area to Till with foreqround color. Use Shift, Alt and Ctrl for additional options 


وأعمل على آخر مستطيل كما فعلنا في السابق كي يصبح الناتج النهائي كتالي 


e Unrntitled-4psld &@ 68.6% (Layer 3, RGB} 
N. he Pholcshap MC 
Ar FAI “mr mm rr SFr Mam arr 4F 


th - “ا ج اوسا :د‎ = ess: [r | | :دت‎ [F1 | rzrera-es zz | [Fan: -alrad Feo". qoz CDI Lagar = 


Eê gêanıh  BDX (Layer 1, RAGE] 


تاس له اه قف ت 2-1 لع الس ,1 باك مدا اال نه چو ن لانت 8 ) اہ e‏ فج Es Cu. ‘reze: FF CEL o mok oo‏ 


الآن عملنا الهيدر والفوتر 
الهيدر هو المستطيل قي الأعلى 
والفوتر هو المستطيل في الأسفل 
والآن أنت أكتب اسم المنتدى والحقوق وغيرها 
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آنا سميت المنتدى الوردي وكتبت الحقوق وعملت خيارات أخرى بالإضافة لتغيير لون الخلفية للتوضيح 
أنضر إلى الصورة في الأسفل حاول قدر المستطاع أن تفعل أنت مثل ما فعلت أنا 


الوردی 


(الرئيسية) (التسجيل) ( أتصل بنا 


- جميع الحكقوق محخوطة‎ . tT 
الآن بقي علينا آخر خطوة من التصميم في برنامج الفوتوشوب وهي تقطيع الاستايل وهي أهم نقطة فيرجى التركيز عليها‎ 
أولا أختر أداة التقطيع كما هو موضح في الصورة‎ 


HÎ Adobe Photoshop ME 


Fila Edit Image Layer Select Filler View Window Help 


| ا‎ - |The Sslact Layer Ehaw Eounding Eo: | Jî - de Ua ا 1 ڪا‎ | a - Bb û2 dd | [ 


pink.psd @ 90% (www-_Example.com copy, RGB)‏ غ 
[ 
اس 
چ 2 
HA ¥ #E HE‏ # 


أضغط على هذه الاداة 


الاداة هذه هي لتقطيع 


ممن اح محدوح) 


3038 Hl Doc: 1M 71.8EM F Click and drag to more layer or selection. Llse Shift and Alt for additional options. 


الآن علينا أن نقطع الاستايل بدقة وسأوضح لك طريقة التقطيع بالأرقام ركز على هذه الصورة 
لاحظ التقطيع كيف مرتب الخطوط الزرقاء على وزن بعت 
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لاحظ رقم 1و ° على وزن بعض ورقم ۲و ٦‏ على وزن بعض و۳ و۷ على وزن بعض 
وهذا هو الاهم. 


I Adobe Photoshop ME 
Fila Edit Image Layer Select Filter Yim Window Help 


Layer 

| گے‎ > tye width: [|_| Height: [|__|] | [ Slices From Guides j E 
Lock: 

ا 

اا 

el‏ الها س pink.psd 90% (www.Example.corm copy, RGB)‏ اا 

اا 


٠‏ شضربای 
2 ل 
ell‏ 
ell.‏ 92 
- | (الرئيسية (التسجيل) (أنصل بنا 
el‏ لاحظ الدوائر ألي عملتها لك ماعدا رقم 04 
اک آما الدوائر الستة هي التي أنا قطعتها أما الرقم 04لم أفعل فيه شئ ظهر تلقاء نفسه 
لل ظهر دون أن أعلم هذا يعني التقطيع حلو ومضبوط 

|5 للتوضيح آنا بدأت من الرقم اوبعده رقم 2وبعدة رقم 3ويعدها نزلت لزاوية اليسرا السفلية 
IL‏ وبدآت برقم #وبعدة رقم دوبعده 6 
3 ملاحظة عند البدء برقم 3سيظهر رقم 04تلقاء نفسه وهذا 

5 


لاحظ الدوائر ألي عملتها لك ماعدا رقم ٤‏ ' 
أما الدوائر الستة هي التي أنا قطعتها أما الرقم ١ ٤‏ لم أفعل فيه شئ ظهر تلقاء نفسه 
ظهر دون أن أعلم هذا يعني التقطيع حلو ومضبوط 
للتوضيح آنا بدأت من الرقم ١‏ وبعده رقم وبعدة رقم" وبعدها نزلت لزاوية اليسرا السفلية 
وبدأت برقم ° وبعدة رقم وبعده ۷ 
ملاحظة عند البدء برقم سيظهر رقم ٤‏ تلقاء نفسه وهذا شي حلو 
ملاحظة مهمة أنا صعبت التقطيع شوي بس طيب ليش!! عشان لو تعمل مثل ما سويت أنا أدري انك متابع وما صار 
أي خطأً وإذا ركبته 55۲م مثل ما راح أسوي بعد شوي أعتبرك مبذع 
وبالنسبة للتصميم إلي سويته أنا ما قلتلك الخطوات عشان أنت تبدع من حالك 


الآن علينا أن نحفظ العمل 
أنضر إلى طريقة الحفظ كيف تتم في الصفحة التالية 
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طريقة حفظ العمل 


Save for web... رتخÎ‎ Fi]e من قائم‎ 


1 Height: 1 | Slices From Guides 


YWiewy Windom Help 


width: | 


Filter 
Ltrl+ 


Select 


Layer 


EÊ Adobe Photoshop ME 
Edit Image 


Mew.., 
Open... 


Print One Zopy¥  Alt+SHFE+ZErl+P 


Jump Toa ٣ 


cCtrl+a 


ctrl 
Browse... Shft+ZErl+O 
Gpen As... Alt+Ztrl+@ ج ع‎ 
Gpen Recent Î ww.Example.com copy, RGB} 
Close Ctrl 
Save CErl+5 
Save As, ShftH+Ctrl+S 
Alt+ShfE+CErl+5 8 
Rewert 8 
Place... 8 
Import ٣۴ = 
Export ۴ سملم‎ 
Workgroup ٣ 
Automate k٠ SN 
١ e 
File Info... 
E 
E e 
کک‎ SHFE+CZErI+P 8 
Print with Preview, ,, Ltrl+P اال‎ 
Print... Alk+rtrl+P 8 
8 
8 
5 
8 


[Ê Adobe Photoshop ME 


j Save For Web 


Original `] Optimized 2-Up Sh 4-Up 


1004 | 
ا‎ 
2 
2 
2 
2 
2 
| Transparency Mate} | 2 
Tranıspare... ٣ 2 
Interlaced 2 
2 
2 
2 
2 
2 
أ‎ 2 
2 
3 
| ar 10094 dither 
| 5.309K Selective palette 
| 3 ser @ 288kbps 238 colors 
| 2 
کے = 1 ۳ 2 ت س‎ 
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وبعدها أختر مكان الحفظ والاسم أنا راح اسميه وبالتالي أضغط حفظ ۷e۾S؟‏ 


E Adobe Photoshop ME 


[- =2 اسا Save Optimized As‏ کح 7 ج 


Original Optimized 2 


01|Ea 


pettings=: 


ج 


lor Table Ima 


e‏ أ 
کک ڪڪ 1 FE‏ 
ق o‏ 


Sawe as type: HTML and Images [”.htrnl] 


Settings: Default Settings 


IF Sloe: ااك‎ 5e 
18.35E 


TF sec & 2B. EEbp5 —— color 5S 


علق تير عرغ المفضلة اذوات تجليمات 


1 0 E TFT 
< ا ف ب 7 مجلدات  ھ88‎ (€ € 


عنوان سمل المكتي اس طح الم CıDorcuments and Settingsiuser .ISRE-343418E2471‏ 


E3 |‏ غاد 
آ[ ا حطس صفحة الانترنت 


pink. inages 


مجلد |١‏ ا 
لصون للتوضيح صفحة الانترنت ماراح نستخدمها 
يعنى لو تحذف عادي مالها داعى المهم هنا هو مجلد الصور 


٤‏ الحمد لله انتهينا من الدرس الأول 
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[الدرس الثاني] تشديد الاستايل واستخراج البرمجة منه في برنامج الفرونت بيج 
أفتح برنامج الفرونت بيج وأضغط على تعليمات برمجية وأمسح كل ما بداخلة كالتالي 


> لف تحير عرض لداج تنسىق اذوات جچحول ببانات لطارات لطار تعليعات‎ 
lA î diU0-#- A غ‎ 2 &- #1 ¥ BB ® ¥ 3 AF A 01 2 "TLI ® E 
> Times Hew Roman < 32anir| B 7 U |3 3 5 S| A | j3 3 BEE CG < BB ڌھ”-‎ | n+ ا ھ‎ 


عادت 


new_page_1.htm 


body 


HEL  ALESTEEIS 


E: ERENT EESTIO REITER 


2 ڪڪ الكل کاک کل مافعتت !| 14 ا 


استبداله:: 


ضس الاتقاد إلى سسيطر... 


@ اد ۶ خیقط على 3 قعلیمات الیرم 


آمثلية ا1۲1... 


خصائص الجلاصة... 


ل#اتصميم 8 انقسام إلا تعليمات برمجية | لل مجاينة | 


السطر لاء العحصود ا 
۰ 


الافتراضي_ تخص 


وبتالي أضغط على زر تصميم المجاور بزر تعليمات البرمجة وأتبع التعليمات 


Microsoft FrontPage - new_page_1.htim 


سلف نجير عرض لدراج تسق أذوات جدود بيانات لطارات لطار تعلبمات 
AIH #12. Bia-s-a# 2R-914 BBEII-©- IEMA 018 1 | O]‏ 
U 3‏ 


E SSK XES EER -M-A-m mu» * B QEB 


Times Hew Romani > fhêiiT >| B ZF U‏ + عادي 


new_page_1.htm™ 


طا لصق 

فح صفجة في لطار جديد 
)3 قي هذه الخطو الخطوة أختر خصائص الصفحةء. . لدارة المناطق القابلة للتجرير... 
ھ خط.. 


9 ارتباط تشجبي ... 


© أضغط الزر الأيمن للتأرة أي الماوس 


أضبغط على تصميم 
ميد الله ١‏ 


:ء0 تلك بت فقي التانية 545 × 11005 الافنراضي تخص 
e‏ 


00 0 


لاتصميم| 8 انقسام #انعليمات برمجية © معاينة | 
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الآن ستظهر لك قائِمة خيارات أفعل مثل الصورة الموضح أدناه 


unsaved: fff newy_pages_1.,hErm 
الحتوات:‎ 


وصة ا الص قحجة: 


الكلصات الشّساسية: 


الصوتح الساسي: 


اللإطاد الهدق الاقتراضي: 


إلخاء الأّصر لاء المد ] 


علف نجير عرض لداج تنسيق أذوات جدول بيات لطارات لطار تحلبعات 


TT LI @ |, 
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ومن تم لم اضغط على الزر الأيمن من الفأرة أي الماوس وأختر خصائص الجدول وأدخل الإعدادات التالي 


Microsoft FrontPage - new_page_1.htmı 


2 هلف تحير عرض لدراج تنسيفق ادوات جدود بيات إلطارات إلطار لمات‎ 
ضیار اداه سط‎ 4 ۸۱ E A-7 4:1 7~ 87 فف ھا‎ A G.-Y BRB #0 -~ A 3F A D2. "T | @ E 
غات‎ < Times New Rorhanl . iT v| BE 7 U|E E 3 S| KX x | j5 3 3 E | D|. ¥ ~ A <-1" + هه‎ ]® El. 


new_page_1.htm* * 


<bodyz | stable z| stra 


ا لصف 


أضغط پا لزرالايمن من ااوس ا دراج صغوف 


لإدراج اعمدة 


فيح صفحة في إطار جديد 


وأختر خصائص الچدول کھا هو موضج ها 7# لذارة المناطف القابلة للسجرير... 


خصائص اللي .. 
خصاگص الخدول .. 


®>» 


ارتباط تشیچبي ٠۰‏ 


لطن میم | 8 انقسام ا تنعليمات برمجية ف محايدة | 


:+ اتك بت في التثانية 54 × 1005 الافتراضي تصخض 


ستظهر لك قائمة خيارات غير أو عدل على المحدد الك باللون الأحمر فقط أعمل كما في الصورة 


الحد الذاكن: 
| | طي جدود الجدول 
الخلفية 
اللوذ؛ ٠‏ شاي 


استخدام صورة خلفية 


آدواٽ النخطيط 


( ا تمكين أدواث النخطيط ل ثجطيل أدواث النخطيط 
ها تمكين أدوات التخطيط اسغناداً إلى محتوق الحدول تلقاثا 
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وأضغط بالزر الأيمن من الماوس وأختر خصائص الخلية 


صلق تير عرض لذراج تنسيق أدوات جدود بينات لطارات إطار تعليمات 


a û # a *اI - SE A A 08 TLI@L,‏ فف ھا ”> 8 E: 1 ٠‏ ۰ھ اگ ک اغ 4ا مد دة اسططا 
ت A A‏ ض +*+ Times New Roman > fêhûiT >| B [7 U |5 5 3 S| |3 3 EE <F <- A-0‏ + عادي 
new_page_1.htm* E.4‏ 


abodyz) |sdivz| stablez)| str) | stdz 


e 2‏ 
لدراج صيفوف 
5 


أضغط بالزرالايمن من الماوس و 


وأختر خصائصں الخلية کیا هو موضح 2 لذارة المناطق القابلة للتحرير... 


خصاثص الخلية... 
خصائص الخدول... 
هھ خط. 


... ازتباط تشرجبي‎ a 


ل#تصميم| 8 انقسام لقا تعليمات برمجية لل مجاينة | 
+:+ عك بت في العانية 54 × 1005 الافتراضي فخص 


ستظهر لك هذه القائمة في الصورة أفعل مثلها بالأرقام 


ی 


هلف تحير عرض لدراج تنسيق أدوات جدود بينات إطارات لطار تعليمات 1 


ğo-s-a# - ۳ eR 


new_page_1.htm* * 


”أت ” @Q * i Ê‏ @ ت 


e N‏ ا 
Ê‏ 1 ف # 8 a‏ 1 
ر 2 ا أعد تسمية الجلد الي سویناه قبل شوي طا 
انا ابغی اسمية 11€ ا 
بغی اسمية I p8 nl‏ 
سطح المكتب 
قحدید 
5 
استگشاف 
2 الصستندات مجاذاة أفقية: 
Color Label ۴‏ : مجاذاة عمونية: الأفتراضي * 
تجديث المصترات z u‏ 
` امتداد الصفوف: ج 1 [ ] تححيد الأرتغاع؛ 
jekûudio ۴‏ @ جهاز الكصببينر 
4 امتداد الأعمدة: چ 1 
.مشاركة وأمان i‏ 
BS wirRAR ۲‏ - | | خلية الحنوان 
1t winZp ۲‏ ا اا ا = 
a‏ پعد ماتسمي الجلد و E5zan selected Files with Antivir‏ 1 لحذود 
1 3 / اللونذ: الحد الغاتح؛ نلقاد 
/ أضغط فتح الوجود تحت ‹ إرسال إلى َ س > 
E‏ ً الجد الذداكن: نلقادي. . 
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وأختر خصائصں الخلية کیا هو موضح 2 لذارة المناطق القابلة للتحرير... 


خصاثص الخلية... 
خصائص الخدول... 
هھ خط. 


... ازتباط تشرجبي‎ a 


لاتصميم | 8 انقسام كا تجليمات برمجية ل مجاينة 


| +:*+ 0دك بت في العانية ‏ 546 × 1005 الافتراضي ٠‏ مخص 


ملف تحير عرض لدراج تنسيق أدوات جدول بيات إطارات إطار تعلبعات £ 
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مجاذاة أفقية: الأفتراضي أ+ نحدید الحرض؛ 

محاذاة عمودية:؛ الافتراضي | 

امتداد الصفوف: = 1 |[ تجحيد الأنفاع: 

اصستداد الأعمدة: ج 1 

خلية الجنوان 

باذ التفاف تجاه الخلية: أبلا 5 

وذ 

اللون؛ * الحد الفاتح؛ تلقاثي ¥ 
الحد الداكن: تلقادي 

اللون: تلقاثي ¥ 


استخدام صورة خلفرة 


A Pitre‏ اع الملقات 


TM‏ موافق__) | للخهاأمر | | تطبيق 


ل#تصميم | 8 انقسام كا تعليمات برمجية ت مجاينة | 


١‏ +:+ 0ك بت شي الثانية ٠‏ 546 × 1005 الافنراضي مخف 


أختر الصورة رقم ِ 
وبتالي أضغط موافق وكرر نفس الطريقة بالمربع الثالث فقط بنفس الصورة رقم“ 
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الآن بقى علينا إدراج الصور مايحتاج اشرح كيف تدرج لاني شرحتها الي نضغط على إقونة إدراج الصور وندرج 
في المربع رقم ٠‏ ضع فيه الصورة رقم ٠ه‏ والمربع رقم ۲ خله فاضي 


صلف تحير عرض لدراج تنسيق أاذوات جدول بيات إطادات إطار نحليمات 


lA i | E E 0:3 - #8 - فغ ك‎ a Ğ-# B= #0 -©® -| ŞEFA $18 OAC 


Times New Rornan > (hêli >| B Z U = 3 SF A |j 5 BEES GE - 7 E |r # # AA‏ > عادت 
ت ± = U‏ - 

new_page_1.htm*™ xX 
sbodyz= 
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© أسعط على إترتة المحاذاة] 


@ أرلا أضغط على الصورة اليسرا 


ستجدها تحولت إلى اليسار أضغط عليها بالزر الأيمن وأختر خصائص الصورة 
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صيورة مصخرة تلقاثية 

تخيير نوع ملف الصودة... 

لغعار شريط أدوات الصور 

لدراج غوف 

لدراج أعمدة 

3# تقسيم الخلشا... 
فح صفحجة في إطار جديد 

لذارة المناطق القابلة للتحير... 
خصائص الصورة... 

خصاتص الحدوله... 


اباط تشعبي... 


ستظهر لك هذه القائمة 
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لظعهاد شط أدوات الصور 
لدراج صبفوف 
ڳر لدراج أعمدة 
0م 


لذارة المناطق القابلة للتحرير... 


خصاتص الصورة... 
خضصائص الخذول... 


اتباط تشعبي... 


ستظهر لك هذه القائمة 


الصحاداغ: 


تسصالكد الحخود: 


الحتجضر 

]| تححيد الحجص ی الحرض : 
کے ر( پا 

الصحاقظة علج نتسية الحرض للج الأرتقاح 


[mei | 


e 


وق التالي أضغط مواقق |[ مود ([ a‏ 
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الآن كل شي تمام بس بقى المربع الي في الوسط ٍِ 
ركز شوي ضع مؤّشر الماوس داخل المربع الي في النص وأضغط الزر الأيمن وأختر خصائص الخلية 


ا يصق 
ص لدراج صفوف 

نات 2 

3 [دراج أعصدة 

تقسيد الخلتا... 
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لذادة المناطق القابلة للتجحوير... 


خصاثص الجدولا... 


د 
@ ارتباط تسش جب ... 


لف تحير عرض لداج تنسيق أادوات جحول بيانات لطارات لطار تعليمات 
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الآن أختر الصورة رقم 7 


TNT‏ موافق ے] | ریخ الامرے] | تطبیق 


إلخاء الأمر 5ع رازم ال | انها الملفات 


لاتصميم| 8 انقسام قا تجليمات برمجية لل مجاينة | 


أ ++ تلك بت قه. القانىة 54 × 1005 الاقتداضه. تخص 
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حتى تضهر لك الصورة في الوسط 
فقط الحقوق من غير الزيادة الي مع الصورة 


لطن ديار انقساتم لتا تجليصات برصجية لل مجاينة 
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أسحب إلى اليمين والى اليسار يعني نسق الصورة كي يصبح 
الناتج النهائى هكذا 
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الحمد لله شفت إنها سهلة هلحين نعدل على البرمجة زي ما سوينا بالهيدر 
رح الآن لتعليمات برمجية شرحنا كيف تروح لها مايبيلها حدد كل الكلام الي قبل أسم المجلد 
بدون تحديد علامة [ / ] وسأترك الشرح على الصورة 
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اسنعات: ا 7 


[ 3 ) أضغط هنا 


| ي | ا | أا بخك ن الالي | الخااف 


لاتركز على الصورة ترا تدوخ خخخخخخ 
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انسخ كل البرمجة ما يحتاج شرح .... زي ماسوينا بالهيدر 
ذهب إلى لوحة تحكم المنتدى وأدخل على الإستايلات والقوالب-التحكم بالإستايلات 
و من ثم أختر القوالب الشائعة كما في الصورة 
٩ ۰4 OY RJA © Tuk =° DORN O: = @‏ واا مدد 
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أ اتد Links‏ “ 


التحكم بالإستابلات 


خيارات الصنندى 


حبارات انقااسه 


2 إضسافة فاب جذيذ 
إرجاح خافة اواب 
لبحت في القوالب N.‏ ساف سنال مد | 
لتحكم بمتغيرات اللأستبدال 
رفع ا تجميل الإستابل 
لبخث عن القوالب المحدثة 


للغات والعبارات 1ج ا ف لا کت اا أذوات Toolbar Menu Option ssl gill‏ 
دين بارا انتسايس 

تعذيل الرعذاذات 

إضافة إستايل فر عى 

تحسا 


اند ت 


حذف الإسنايا 


Create PDF files without this message by purchasing novaPDF printer (http://www.novapdf.cqmy) الأستاذ /عبد الله خالد العجيلي - اأشر‎ 


الأستاذ /عبد الله خالد العجيلي - الشراري. 
أذهب الى قالب الفوتر والصق البرمجة تحت كلمة </)مذءء> آخر كلمة ضعه تحتها 


EES EE Common Templates ةzîlالا القوالب.‎ 


E dir="rtl"> = header‏ ا 
SALT aligm="tenter"o‏ 


xtabls border="0" width=" 100%" id=" tablel” cellszpacing=™"0™ از الخخصميكن ي هذا الفا‎ 
EE LIpaAAi R=" O" 
ZLr™ | راج‎ 
EA background=" images #/pink #pink_ U3. gif"> 
img border="UO" src=" images #pink #pink_U3 = 
EEE Ee E 


8 lxzmeta http-ecquivw="Cagmntent-Type" Borftent=" tert hlnl: charset=غ$stylevar ك‎ headincluıde 
|[sharssre1” اي‎ 
xmeta nanme=" gENnEFATOEK GOTE ET TELL E Tih Frese cins 
[teuplatereErsion J" 7. 


jzifF condition="$ ghlêu[ ' ThePadinfo' 

xme La HnamEeE="kETOEAZE'" cCûnteENL="ZIF ConAiTtion='""$ Threadinfo 

['taglist' ]"<>¥§ th info[taglisTt], <7if><>$threadinfo 

[prefix plair hHhtul] $threadinfo[Ttitle ], $v¥bhoptions[keEFuWOrLdAs ]" #>» = 
تو سيح المساحة حقليصن العساحة‎ 


ll > 
|zacript type="tLeEXL7J aVTaSCEIpLE">™ 


|1! 


اف 
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#EBULLEEIR IARLENS 


مجة تسختاها تحت الكلمة e‏ 
ك نے ا الي نے ا 


وياتتاتي آضغط حفظ [ طاق ستحدة | 


الآن أذهب الى الصفحة الرئيسية وشاهد الاستايل تحصله مضبوط وهذه نتيجة عمل شاهد 
الهيدر والفوتر 


م تب عضت الهدك القت ع 


€3 خف + Û XxX‏ ۵ ۵ ل بحت المفضلة ا )- ` أھا - =± A‏ 4 ” لل مجدات 


* ك انقال طامنا‎ r http: fflacalhostfyb index, php?styleid=fé 8ً عنوان‎ 


لورد 


: أ أتصل بنا 
الرئيسية ك 

* | 
+ الرئيسية التسجيل أتصل بنا 


د 


جم الحترق محارت 


| تم إنترانت مجلية 


الحمد لله انتهينا من الدروس الثلاث التصميم استخراج البرمجة التركيب بفضل من الله عز وجل 


الدروس القادم راح أتعمق في احتراف التصاميم وانا الآن أعمل على شرح جديد 
الدروس القادمة ستكون عن الخيارات مثل خيار الرئيسية والتسجيل واتصل بنا عشان نقدر نضغط على أحد الأزرار 
ويكون تصميم جديد ويكون سهل إن شاء الله أنا متأكد أن الي يطبق الدروس الي هلحين طبقتا ها بنجاح 
راح يمشي من حالة مو محتاجلي 
أتمنا من الله أن أكون وفقت في هذا الشرح 
وأن يكون الشرح واضح ومفهوم 
وسهل وممتع. 
اللهم لا علم لنا إلا ما علمتنا. 


Create PDF files without this message by purchasing novaPDF printer (http://www. novapdf.cqy) الأستاذ /عبد الله خالد العجيلي - اشر‎ 


الأستاذ /عبد الله خالد العجيلي - الشراري. 
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وسأضع الموقع والمنتديات في الشرح القادم عشان انا شغال على الموقع هالأسبوعين‎ 


عمل هذه الدروس الاستاذ/ عبد الله خالد العجيلي - الشراري. 
وثمن هذا الكتاب الدعاء لي وليوالداي والمسلمين عامة بالمغفرة والرحمة 


[ بظهر الغيب ]. 
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